@import '../../../themes/basic/base-all.less';

.ti-leftmenuthin-content {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--ti-common-color-bg-white-normal);
}

.ti-leftmenuthin-level {
  width: var(--ti-common-size-20x);
  padding-top: var(--ti-common-space-3x);
  padding-bottom: var(--ti-common-space-6);
  text-align: center;
  color: var(--ti-common-color-text-secondary);
  cursor: pointer;
  box-sizing: border-box;

  .ti-leftmenuthin-icon {
    font-size: var(--ti-common-size-8x);
    line-height: 0;
  }

  .ti-leftmenuthin-level-text {
    font-size: var(--ti-common-font-size-base);
    font-weight: var(--ti-common-font-weight-4);
    line-height: var(--ti-common-line-height-number);
    text-align: center;
    margin-top: var(--ti-common-space-10);
  }

  &:hover {
    background-color: var(--ti-common-color-bg-white-emphasize);
    color: var(--ti-common-color-icon-hover);
  }
}

.ti-leftmenuthin-level.ti-leftmenuthin-level-active {
  color: var(--ti-common-color-text-white);
  background-color: var(--ti-common-color-bg-emphasize);
  .ti-leftmenuthin-icon {
    color: var(--ti-common-color-icon-white);
  }
}
